<template>
	<view>
		<!-- 搜索 -->
		<uni-view data-v-cf183850="" class="cu-bar search bg-white">
			<uni-view data-v-cf183850="" class="search-form round">
				<uni-text data-v-cf183850="" class="cuIcon-search">
					<span></span>
				</uni-text>
				<uni-input data-v-cf183850="">
					<div class="uni-input-wrapper">
						<div class="uni-input-placeholder input-placeholder" data-v-cf183850=""></div>
						<!---->
						<form action="" class="uni-input-form"><input maxlength="140" step="" enterkeyhint="search"
								autocomplete="off" type="search" class="uni-input-input" @click="search"></form>
					</div>
				</uni-input>
			</uni-view>
			<!-- <uni-view data-v-cf183850="" class="action">
				<uni-button data-v-cf183850="" class="cu-btn bg-green shadow-blur round" @click="search">搜索</uni-button>
			</uni-view> -->
		</uni-view>

		<!-- 视频分类 -->
		<!-- 分类标签 -->
		<uni-view data-v-3174c329="" class="cu-bar bg-white solid-bottom margin-top">
			<uni-view data-v-3174c329="" class="action">
				<uni-text data-v-3174c329="" class="cuIcon-title text-orange "><span></span></uni-text>视频分类
			</uni-view>
		</uni-view>

		<!-- 分类列表 -->
		<uni-view data-v-3174c329="" class="cu-list grid col-3">
			<uni-view data-v-3174c329="" class="cu-item"  @click="classification(1)">
				<uni-view data-v-3174c329="" class="cuIcon-cardboardfill text-red">
					<uni-view data-v-3174c329="" class="cu-tag badge">99+</uni-view>
				</uni-view>
				<uni-text data-v-3174c329=""><span>脑壳健康</span></uni-text>
			</uni-view>
			<uni-view data-v-3174c329="" class="cu-item" @click="classification(2)">
				<uni-view data-v-3174c329="" class="cuIcon-recordfill text-orange">
					<uni-view data-v-3174c329="" class="cu-tag badge"></uni-view>
				</uni-view>
				<uni-text data-v-3174c329=""><span>耳朵健康</span></uni-text>
			</uni-view>
			<uni-view data-v-3174c329="" class="cu-item" @click="classification(3)">
				<uni-view data-v-3174c329="" class="cuIcon-picfill text-yellow"></uni-view>
				<uni-text data-v-3174c329=""><span>鼻子健康</span></uni-text>
			</uni-view>
			<uni-view data-v-3174c329="" class="cu-item" @click="classification(4)">
				<uni-view data-v-3174c329="" class="cuIcon-noticefill text-olive">
					<uni-view data-v-3174c329="" class="cu-tag badge">22</uni-view>
				</uni-view>
				<uni-text data-v-3174c329=""><span>眼睛健康</span></uni-text>
			</uni-view>
			<uni-view data-v-3174c329="" class="cu-item" @click="classification(5)">
				<uni-view data-v-3174c329="" class="cuIcon-upstagefill text-cyan"></uni-view>
				<uni-text data-v-3174c329=""><span>jio杆健康</span></uni-text>
			</uni-view>
			<uni-view data-v-3174c329="" class="cu-item" @click="classification(6)">
				<uni-view data-v-3174c329="" class="cuIcon-clothesfill text-blue"></uni-view>
				<uni-text data-v-3174c329=""><span>手杆也健康</span></uni-text>
			</uni-view>
			<!---->
			<!---->
			<!---->
			<!---->
		</uni-view>



		<!-- 营养师推荐 -->
		<!-- 推荐标签 -->
		<!-- 分类标签 -->
		<uni-view data-v-3174c329="" class="cu-bar bg-white solid-bottom margin-top">
			<uni-view data-v-3174c329="" class="action">
				<uni-text data-v-3174c329="" class="cuIcon-title text-orange "><span></span></uni-text>营养师推荐
			</uni-view>
		</uni-view>

		<!-- 营养师头像 -->
		<uni-scroll-view data-v-137708e8="" class="bg-white nav">
			<div class="uni-scroll-view">
				<div class="uni-scroll-view" style="overflow: auto hidden;">
					<div class="uni-scroll-view-content">
						<!---->
						<uni-view data-v-137708e8="" class="flex text-center">
							<uni-view data-v-32f3237a="" class="cu-avatar xl round margin-left"
								style="background-image: url(&quot;https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg&quot;);">
							</uni-view>
							<uni-view data-v-32f3237a="" class="cu-avatar xl round margin-left"
								style="background-image: url(&quot;https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg&quot;);">
							</uni-view>
							<uni-view data-v-32f3237a="" class="cu-avatar xl round margin-left"
								style="background-image: url(&quot;https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg&quot;);">
							</uni-view>
							<uni-view data-v-32f3237a="" class="cu-avatar xl round margin-left"
								style="background-image: url(&quot;https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg&quot;);">
							</uni-view>
						</uni-view>
					</div>
				</div>
			</div>
		</uni-scroll-view>

		<!-- 热门视频 -->
		<!-- 热门视频标签 -->
		<!-- 分类标签 -->
		<uni-view data-v-3174c329="" class="cu-bar bg-white solid-bottom margin-top">
			<uni-view data-v-3174c329="" class="action">
				<uni-text data-v-3174c329="" class="cuIcon-title text-orange "><span></span></uni-text>热门视频
			</uni-view>
		</uni-view>

<view v-for="item,index in list">
	<video :src="item.videoAddress" controls></video><span @click="goXiangQing(item.videoId,item.goodsId,item.videoAddress)">视频详情</span><span></span>
</view>
		
	</view>
</template>

<script>
export default{
	onLoad() {
		this.$req.getHot().then(res=>{
			console.log(res)
			this.list = res.data.list
		})
	},
	data(){
		return{
			list:[
				
			]
		}
	},
	methods:{
		videoDetails(){
			uni.navigateTo({
				url:'../videoDetails/videoDetails'
			})
		},
		search(){
			uni.navigateTo({
				url:'../search/search'
			})
		},
		classification(index){
			uni.navigateTo({
				url:'../classification/classification?category='+ index +'&page=1&size=2'
			})
			
		},
		goXiangQing(videoId,goodsId,videoAddress){
			uni.navigateTo({
				url:"../videoDetails/videoDetails?videoId="+videoId+"&goodsId="+goodsId+"&videoAddress="+videoAddress
			})
		
		}
	}
	
}
</script>

<style>

</style>